<template>
	<view>
		<u-tabbar :value="active" activeColor='#1170f3' inactiveColor='#000'>
			<u-tabbar-item text="首页" @click="jump('/pages/customized/index')">
				<template #active-icon>
					<image src="@/static/images/tabbar_index1_on.png" mode="widthFix"></image>
				</template>
				<template #inactive-icon>
					<image src="@/static/images/tabbar_index1.png" mode="widthFix"></image>
				</template>
			</u-tabbar-item>
			<u-tabbar-item text="客服">
				<template #inactive-icon>
					<button open-type="contact">
						<image src="@/static/images/kefu.png" mode="widthFix"></image>
					</button>
				</template>
			</u-tabbar-item>
			<u-tabbar-item text="方案" @click="jump('/pages/customized/order')">
				<template #active-icon>
					<image src="@/static/images/tabbar_order1_on.png" mode="widthFix"></image>
				</template>
				<template #inactive-icon>
					<image src="@/static/images/tabbar_order1.png" mode="widthFix"></image>
				</template>
			</u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	import { toUrl } from '@/wlkutils/tools';
	export default {
		name: "customized-tabbar",
		props: {
			active: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
			
			};
		},
		methods: {
			jump(url) {
				uni.reLaunch({
					url
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	image {
		width: 40rpx;
	}
</style>